<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="/before/css/common.css" rel="stylesheet" tyle="text/css" />
    <link href="/before/css/style.css" rel="stylesheet" type="text/css" />
    <link href="/before/fonts/iconfont.css" rel="stylesheet" type="text/css" />
    <script src="/before/js/jquery.min.1.8.2.js" type="text/javascript"></script>
    <script src="/before/js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
    <script src="/before/js/common_js.js" type="text/javascript"></script>
    <script src="/before/js/footer.js" type="text/javascript"></script>
    <script src="/before/js/jquery.jumpto.js" type="text/javascript"></script>
    <!--引用vue的js-->
    <script src="/after/js/vue/vue.min.js"></script>
    <title>预览</title>
</head>
<!--遮罩层js-->
<script language="javascript" type="text/javascript">
    function showdiv() {
        document.getElementById("bg").style.display ="block";
        document.getElementById("show").style.display ="block";
    }
    function hidediv() {
        document.getElementById("bg").style.display ='none';
        document.getElementById("show").style.display ='none';
    }
</script>
<style type="text/css">
    #bg{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.7; opacity:.70; filter: alpha(opacity=70);}
    #show{display: none; position: absolute; top: 25%; left: 22%; width: 53%; height: 49%; padding: 8px; border: 8px solid #E8E9F7; background-color: white; z-index:1002; overflow: auto;}
</style>
<body>
<!--头-->
<div id="top"></div>
<br><br><br><br><br><br><br><br><br><br><br><br>
      <div class="Inside_pages clearfix">

          <div class="group_buy">
              <div class="group_list" id="bo">
                  <ul class="group_info" v-for="(item,index) in result">
                      <li class="group_img">
                          <img data-lazy-img="done" width="130" height="130"  v-bind:title="item.picture" :src="'../uploads/'+item.picture" class="">
                          <!--<img  width="130" height="130" src="../uploads/搜神记.jpg"/>-->
                      </li>
                      <li class="group_name">
                          <a href="#"></a>
                          <div class="group_content"></div>
                          <div class="group_Price">书名:{{item.bookName}}</div>
                          <div class="Original_Price"></div>
                          <a href="#" class="buy_botton" @click="b(item.file);">预览</a>
                      </li>
                  </ul>
              </div>
          </div>
      </div>
      <center><h2><input type="button" value="分享" onclick="showdiv();"/></h2></center>
      <!--遮罩层-->
      <div id="bg"></div>
      <div id="show">
          <center>
              <h2>分享</h2><a href="javascript:;" style="float:right;color:red" onclick="hidediv()">取消</a><br/><br/><br/>
              <form action="/vi/upfi.do" method="post" enctype="multipart/form-data">
                  请输入你要分享的书名：<input type="text" name="bookName"/><br/><br/><br/>
                  文件：<input type="file" name="file"/><br/><br/><br/>
                  照片：<input type="file" name="file"/><br/><br/><br/>
                  <center><input type="submit" onclick="hidediv()" value="提交"></center>
              </form>
          </center>
      </div>
<!--右边-->
<div id="page">
    <div id="right"></div>
</div>
<!--尾-->
<div id="bottom"></div>
</body>
<script>

    $("#right").load("/stage/LQ_right.ftl");
    $("#top").load("/czgIndexTop/getBtype.do");
    $("#bottom").load("/stage/Czg_index_foot.ftl");

    var bo=new Vue({
        el:'#bo',
        data:{
            result:[]
        }
    });
    var a=function(){
        $.ajax({
            url:'/vi/nlj.do',
            dataType:'json',
            type:'post',
            error:function () {
                alert("错误");
            },
            success:function (msg) {
                bo.result = msg.list;
            }
        });
    }
    function b(obj) {
        window.location.href="/documentView.jsp?swfFilePath="+obj;
    }
    a();
</script>
</html>